<!-- EXAMPLE-SOURCE-START -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>Products</title>
    <style>
        html {
            font-size: 14px;
        }
    </style>
</h:head>

<h:body>
    <h:form>
        <p:dataTable var="product" value="#{dfProductsView.products}">
            <p:column headerText="Code">
                <h:outputText value="#{product.code}"/>
            </p:column>

            <p:column headerText="Name">
                <h:outputText value="#{product.name}"/>
            </p:column>

            <p:column headerText="Category">
                <h:outputText value="#{product.category}"/>
            </p:column>

            <p:column headerText="Quantity">
                <h:outputText value="#{product.quantity}"/>
            </p:column>

            <p:column style="width:32px;text-align: center">
                <p:commandButton icon="pi pi-search" action="#{dfProductsView.selectProductFromDialog(product)}"/>
            </p:column>
        </p:dataTable>
    </h:form>
</h:body>

</html>
